
<div class="form-box" style="margin:50px auto" id="login-box">
            <div class="header">Register New Membership</div>
            <form  name="registerForm" novalidate>
                <div class="body bg-gray">
                    <div class="form-group">
						<input class="form-control" type="text" name="firstName" ng-model="firstName" placeholder="First Name" required>
						<span style="color:red" ng-show="registerForm.firstName.$dirty && registerForm.firstName.$invalid">
							<span ng-show="registerForm.firstName.$error.required">First Name is required.</span>
						</span>                      
                    </div>
                    
                    <div class="form-group">
						<input class="form-control" type="text" name="lastName" ng-model="lastName" placeholder="Last Name" required>
						<span style="color:red" ng-show="registerForm.lastName.$dirty && registerForm.lastName.$invalid">
							<span ng-show="registerForm.lastName.$error.required">Last Name is required.</span>
						</span>                      
                    </div>
                    
                    <div class="form-group">
						<input class="form-control" type="email" name="email" ng-model="email" placeholder="Email" required>
						<span style="color:red" ng-show="registerForm.email.$dirty && registerForm.email.$invalid">
							<span ng-show="registerForm.email.$error.required">Email is required.</span>
							<span ng-show="registerForm.email.$error.email">Invalid email.</span>
						</span>                 
                    </div>
                    
                    <div class="form-group">
                        <input type="password" ng-model="password" name="password" class="form-control" placeholder="Password" required/>
                        <span style="color:red" ng-show="registerForm.password.$dirty && registerForm.password.$invalid">
							<span ng-show="registerForm.password.$error.required">Password is required.</span>
						</span> 
                    </div>
                    
                    <div class="form-group">
                        <input type="text" ng-model="phone" name="phone" class="form-control" placeholder="Phone" required/> 
                    </div>
                    
                    <div class="form-group">
                        <input type="text" ng-model="companyName" name="companyName" class="form-control" placeholder="Company Name" required/>
                        <span style="color:red" ng-show="registerForm.companyName.$dirty && registerForm.companyName.$invalid">
							<span ng-show="registerForm.companyName.$error.required">Company Name is required.</span>
						</span> 
                    </div>

                    <div class="form-group">
                        <input type="text" ng-model="companyWebsite" name="companyWebsite" class="form-control" placeholder="Company Website" required/> 
                    </div>

					<div class="form-group">
						<select class="form-control" ng-model="companyType" ng-options="item.name for item in companyTypes"></select>
					</div>

					<div class="input-group">
		                <input type="text" class="form-control" placeholder="Company Trade License" ng-model="uploader.queue[0].file.name" disabled="disabled">
		                	<span class="input-group-btn">
		                		
		                    	<span class="btn btn-file btn-success">Browse
		                    			<input type="file" nv-file-select="" uploader="uploader" />
		                    	</span>
		                    </span>
		            </div>
		            
		            <div class="form-group" ng-if="uploader.queue.length>0">
		            	
		                <button type="button" class="btn btn-danger btn-xs" ng-click="uploader.queue[0].remove()">
                        	<span class="glyphicon glyphicon-trash"></span> Remove
                        </button>
                       
                        
		            </div> 
                    
                </div>
                <div class="footer">
                    <button type="button" class="btn bg-olive btn-block" ng-click="register()" ng-disabled="registerForm.firstName.$dirty && registerForm.firstName.$invalid || 
                    																						registerForm.lastName.$dirty && registerForm.lastName.$invalid ||
                    																						registerForm.email.$dirty && registerForm.email.$invalid ||
                    																						registerForm.password.$dirty && registerForm.password.$invalid ||
                    																						registerForm.companyName.$dirty && registerForm.companyName.$invalid">
                    	<img ng-show="showLoading" ng-src="img/ajax-loader_signup.gif" >&nbsp;{{registerText}}
                    </button>
                    <p><a href="#/login">I want to Login</a></p>
                </div>
            </form>
            
            
            

            <footer style="color: #6c7378;
    font-size: 12px;
    text-align: center;"><p class="legal" id="legal">Copyright &copy; 2014-2015 CleanEstimateX. All rights reserved.</p></footer>
        
        
</div>
